﻿<div class="vital-header">
    <div class="vital-header vital-header-left">
        <h1 class="sectionHeader" data-bind="text:Application.Resources.Views.Vitalwerte.Title">Vitalwerte</h1>
    </div>
    <div class="vital-header vital-header-right">
        <button id="vital-btnCalendar" class="orangeButton fa fa-calendar fa-2x" data-bind="click: toggleimespanPanelVisibility"></button>
        <span class="vital-chart-dateFrom" data-bind="text: Application.Resources.Views.New_measure.From + ': ' + Globalize.format(HistoryDateFrom, 'dd.MM.yyyy')" />
        <div id="vw-colorRegister" class="colorRegister"></div>
    </div>
</div>
<div class="vital-content">
    <div class="vital-listContainer overflow-IndicatorContener">
        <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
        <div class="vital-list scroll-y">
            <ul class="padding-list">
                <li class="vital-group-heart" data-bind="click: blutdruckPulsClick, testOverflow:true, longtap: openHeartMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Systole">Systole</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Systole, css: { 'vital-warning': LetzteExceededLimits.Systole }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.BlutdruckDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                    <span class="floatRight" data-bind="text: Letzte.BlutdruckmessungArtBez">schlecht</span>
                </li>

                <li class="vital-group-heart" data-bind="click: blutdruckPulsClick, longtap: openHeartMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Diastole">Diastole</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Diastole, css: { 'vital-warning': LetzteExceededLimits.Diastole }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.BlutdruckDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                    <span class="floatRight" data-bind="text: Letzte.BlutdruckmessungArtBez">schlecht</span>
                </li>

                <li class="vital-group-heart" data-bind="click: blutdruckPulsClick, longtap: openHeartMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Puls">Puls</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Pulswert, css: { 'vital-warning': LetzteExceededLimits.Puls }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.PulsDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                    <span class="floatRight" data-bind="text: Letzte.PulsqualitaetBez">schlecht</span>
                </li>

                <li data-bind="click: temperaturClick, longtap: openTemperatureMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Temperature">Temperatur</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Temperatur, css: { 'vital-warning': LetzteExceededLimits.Temperatur }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.TemperaturDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                    <span class="floatRight" data-bind="text: Letzte.TemperaturMessungArtBez">schlecht</span>
                </li>

                <li data-bind="click: blutzuckerClick, longtap: openBloodSugarMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Blutzucker">Blutzuckergehalt</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Blutzucker, css: { 'vital-warning': LetzteExceededLimits.Blutzucker }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.BlutzuckerDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                </li>

                <li class="vital-group-body" data-bind="click: gewichtClick, longtap: openBodyMeasurementClick ">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Gewicht">Gewicht</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Gewicht, css: { 'vital-warning': LetzteExceededLimits.Gewicht }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.GewichtDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                </li>

                <li class="vital-group-body" data-bind="click: bodyClick, longtap: openBodyMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Groesse">Groesse</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Groesse">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.GroesseDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                </li>

                <li class="vital-group-body" data-bind="click: bodyClick, longtap: openBodyMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Ferse_knie_laenge">FerseKnieLaenge</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.FerseKnieLaenge, css: { 'vital-warning': LetzteExceededLimits.FerseKnieLaenge }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.FerseKnieLaengeDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                </li>

                <li class="vital-group-others" data-bind="click: othersClick, longtap: openOtherMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Mobil">Mobil</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Mobil? Application.Resources.Views.VitalwerteHistory.Ja : Application.Resources.Views.VitalwerteHistory.Nein ">Ja</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.MobilDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                </li>

                <li class="vital-group-others" data-bind="click: othersClick, longtap: openOtherMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Bewusstseinslages">Bewusstseinslage</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Bewusstseinslage">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.BewusstseinslageDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                    <span class="floatRight" data-bind="text: Letzte.BewusstseinslageBez">schlecht</span>
                </li>

                <li class="vital-group-others" data-bind="click: othersClick, longtap: openOtherMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Auswurf">Auswurf</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Auswurf">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.AuswurfDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                    <span class="floatRight" data-bind="text: Letzte.AuswurfBez">schlecht</span>
                </li>

                <li class="vital-group-others" data-bind="click: othersClick, longtap: openOtherMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Stuhlgang">Stuhlgang</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Stuhlgang">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.StuhlgangDatum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                    <span class="floatRight" data-bind="text: Letzte.StuhlgangBez">schlecht</span>
                </li>

                <!-- ko if: Letzte.VarDef1Text != null -->
                <li class="vital-group-custom" data-bind="click: varDef1Click, longtap: openCustomValuesMeasurementClick">
                    <span class="spanBold" data-bind="text: Letzte.VarDef1Text">Diverse 1</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.VarDef1, css: { 'vital-warning': LetzteExceededLimits.VarDef1 }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.VarDef1Datum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                </li>
                <!-- /ko -->
                <!-- ko if: Letzte.VarDef2Text != null -->
                <li class="vital-group-custom" data-bind="click: noActionVitalwertClick, longtap: openCustomValuesMeasurementClick">
                    <span class="spanBold" data-bind="text: Letzte.VarDef2Text">Diverse 2</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.VarDef2, css: { 'vital-warning': LetzteExceededLimits.VarDef2 }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.VarDef2Datum, 'dd.MM.yyyy HH:mm')">05.09.2013 06:22</span>
                </li>
                <!-- /ko -->

                <li class="vital-group-einaus" data-bind="click: einfuhrAusfuhrClick, longtap: openLiquidsMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Einfuhr">Einfuhr</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Einfuhr, css: { 'vital-warning': LetzteExceededLimits.Einfuhr }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.EinfuhrDatum, 'dd.MM.yyyy')">05.09.2013 06:22</span>
                </li>

                <li class="vital-group-einaus" data-bind="click: einfuhrAusfuhrClick, longtap: openLiquidsMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Ausfuhr">Ausfuhr</span>
                    <span class="spanBold floatRight" data-bind="text: Letzte.Ausfuhr, css: { 'vital-warning': LetzteExceededLimits.Ausfuhr }">40,5</span>
                    <br />
                    <span class="" data-bind="text: Globalize.format(Letzte.AusfuhrDatum, 'dd.MM.yyyy')">05.09.2013 06:22</span>
                </li>

                <li data-bind="click: orientierungClick, longtap: openOrientationMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Orientierung">Orientierung</span>
                    <span class="spanBold floatRight"></span>
                    <br />
                    <span class=""></span>
                </li>

                <li data-bind="click: inkontinenzClick, longtap: openIncontinenceMeasurementClick">
                    <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Inkontinenz">Inkontinenz</span>
                    <span class="spanBold floatRight"></span>
                    <br />
                    <span class=""></span>
                </li>

                <!-- <li data-bind="click: noActionVitalwertClick">
            <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Systole">BMI</span>
            <span class="spanBold floatRight" data-bind="text: Letzte.BMI">40,5</span>
            <br />
            <span class="" data-bind="text: Globalize.format(Letzte.BMIDatum, 'dd.MM.yyyy HH:mm')" >05.09.2013 06:22</span>
        </li>

        <li data-bind="click: noActionVitalwertClick">
            <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Systole">Energiebedarf</span>
            <span class="spanBold floatRight" data-bind="text: Letzte.Energiebedarf">40,5</span>
            <br />
            <span class="" data-bind="text: Globalize.format(Letzte.EnergiebedarfDatum, 'dd.MM.yyyy HH:mm')" >05.09.2013 06:22</span>
        </li>

        <li data-bind="click: noActionVitalwertClick">
            <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Systole">Proteinbedarf</span>
            <span class="spanBold floatRight" data-bind="text: Letzte.Proteinbedarf">40,5</span>
            <br />
            <span class="" data-bind="text: Globalize.format(Letzte.ProteinbedarfDatum, 'dd.MM.yyyy HH:mm')" >05.09.2013 06:22</span>
        </li>

        <li data-bind="click: noActionVitalwertClick">
            <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Systole">Fluessigkeitsbedarf</span>
            <span class="spanBold floatRight" data-bind="text: Letzte.Fluessigkeitsbedarf">40,5</span>
            <br />
            <span class="" data-bind="text: Globalize.format(Letzte.FluessigkeitsbedarfDatum, 'dd.MM.yyyy HH:mm')" >05.09.2013 06:22</span>
        </li>

        <li data-bind="click: noActionVitalwertClick">
            <span class="spanBold" data-bind="text: Application.Resources.Views.New_measure.Systole">Koerpergroesse Berechnet</span>
            <span class="spanBold floatRight" data-bind="text: Letzte.KoerpergroesseBerechnet">40,5</span>
            <br />
            <span class="" data-bind="text: Globalize.format(Letzte.KoerpergroesseBerechnetDatum, 'dd.MM.yyyy HH:mm')" >05.09.2013 06:22</span>
        </li>-->
            </ul>
        </div>
    </div>
    <div class="vital-historyContainer">


        <div class="vital-chart-optionsWrapper">
            <div class="slidingPanel smallRadios vwHistoryPeriodFilter" data-bind="foreach: TimespanList, css: TimespanPanelVisible ? 'showSlidingPanel' : 'hideSlidingPanel'">
                <input type="radio" name="TimespanHistoryName" data-bind="attr: { value: Id, Id: Id }, checked: $root.HistoryTimespanId" />
                <label data-bind="attr: { for: Id }, text: Text"></label>
            </div>
        </div>

        <div class="vital-chart" data-bind="swipe: toggleHistoryDisplay">
            <h2 class="sectionHeaderGrey" data-bind="text: HistoricDataTitle">Title</h2>
            <div class="vital-show-table-button">
                <!--<label for="vitalChartShowTableButton" data-bind="text: Application.Resources.Views.VitalwerteHistory.Grenzwerte_anzeigen">Grenzwerte anzeigen</label>-->
                <button id="vitalChartShowTableButton" class="fa fa-2_5x" data-bind="click: toggleHistoryDisplay, visible: AlternativeDisplayFunction != null, css: { 'fa-th-list': !IsCurrentHistoryModuleTable, 'fa-bar-chart-o': IsCurrentHistoryModuleTable }" />
            </div>
            <!--<span>(05.09.2013 06:22)</span>-->
            <div id="vitalwerteHistoryDisplay" class="chartHolder">
            </div>

            <div class="vital-chart-placeHolder">
                <i class ="fa fa-calendar fa-2x spanBr"></i>
                Keine Daten im ausgewählten Zeitraum
            </div>
        </div>
    </div>
</div>
<!--WINDOWS---------------------------------------------------------->
<div id="newMeasurementWindow">            
</div>

<script type="text/javascript" src="scripts/libs/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="scripts/libs/jqplot.canvasAxisTickRenderer.min.js"></script>
<script type="text/javascript" src="scripts/libs/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="scripts/libs/jqplot.pointLabels.min.js"></script>
<script type="text/javascript" src="scripts/libs/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="scripts/libs/jqplot.highlighter.min.js"></script>
<script type="text/javascript" src="scripts/libs/jqplot.canvasOverlay.min.js"></script>
